<template>
  <div class="app">
    <!-- 
        路由出口
        在路由配置文件中，配置多个路由地址，关联不同的vue文件
        通过RouterView来配置这些不同路径对应的vue文件渲染的位置
    -->
    <!-- <RouterLink to="https://www.baidu.com">百度</RouterLink> -->
    <RouterView></RouterView>
  </div>
</template>

<script>
// 从路由中解析出RouterView组件
import { RouterView, RouterLink } from "vue-router";
export default {
  components: {
    RouterView,
  },
};
</script>

<style scoped>
.app {
  width: 100%;
  height: 100%;
}
</style>
